{extend name="layout"}
{block name="detail"}
<header class="aui-header-default aui-header-fixed aui-header-bg">
    <a href="" class="aui-header-item" style="visibility:hidden;">
        <i class="aui-icon aui-icon-back-white"></i>
    </a>
    <div class="aui-header-center aui-header-center-clear">
        <div class="aui-header-center-logo">
            <div class="aui-car-white-Typeface">待付款</div>
        </div>
    </div>
    <a href="#" class="aui-header-item-icon" style="min-width:0;visibility:hidden;">
        <i class="aui-icon aui-icon-member"></i>
    </a>
</header>
<section class="aui-myOrder-content">
    <div class="m-tab demo-small-pitch" data-ydui-tab>
        <div class="aui-myOrder-fix">
            <ul class="tab-nav">
                <li class="tab-nav-item tab-active"><a href="{:url('index/center/buyWaitPay')}">待付款</a></li>
                <li class="tab-nav-item"><a href="{:url('index/center/buyWaitSend')}">待发货</a></li>
                <li class="tab-nav-item"><a href="{:url('index/center/buyWaitReceive')}">待收货</a></li>
                <li class="tab-nav-item"><a href="{:url('index/center/buySuccess')}">已完成</a></li>
                <li class="tab-nav-item"><a href="{:url('index/center/buyWaitComment')}">待评价</a></li>
            </ul>
        </div>
        <div class="tab-panel">
            <div class="tab-panel-item tab-active">
                <ul id="datas">
                    {volist name="data['orders']" id="order"}
                     <li>
                         <div class="aui-list-title-info">
                             <a href="{:url('index/shop/index',['id'=>$data['shop'][$key]['id']])}" class="aui-well ">
                                 <div class="aui-well-bd">
                                     <b>{$data['shop'][$key]['name']}</b>
                                 </div>
                                 <div class="aui-well-ft">{$order.createTime|date="Y-m-d H:i:s",###}</div>
                            </a>
                             <a href="{:url('index/shop/product_dtl',['id'=>$order['productId'],'sid'=>$order['shopId']])}" class="aui-well ">
                                 <div class="aui-well-bd">订单ID：{$order.payment_order_id}</div>
                                 <div class="aui-well-ft">{$order_status[$order.status]}</div>
                             </a>
                             <a href="{:url('index/shop/product_dtl',['id'=>$order['productId'],'sid'=>$order['shopId']])}" class="aui-list-product-fl-item" style="padding:5px 10px;background:#eee;">
                                 <div class="aui-list-product-fl-img" style="width:60px;background:#eee;padding:0px 5px;">
                                     <img src="{$order.productImg}">
                                 </div>
                                 <div class="aui-list-product-fl-text" style="background: #eee;">
                                     <h3 class="aui-list-product-fl-title" style="background: #eee;">{$order.title}</h3>
                                     <p class="aui-list-product-fl-title" style="background: #eee;text-align: right">规格{$order.guige} * {$order.num}</p>

                                 </div>
                             </a>
                         </div>
                         <div style="text-align:right;padding-right:10px;margin-top:10px;">
                             <b>共{$order.num}件商品，实付金额￥{$order.totalFee/100}元</b>
                         </div>
                         <div class="aui-list-title-btn">
                             <a href="{:url('index/center/cancelOrder')}?id={$order.id}">取消订单</a>
                             <a href="{:url('index/pay/pay')}?id={$order.id}" class="red-color">立即付款</a>
                         </div>
                         <div class="aui-dri"></div>
                     </li>
                     {/volist}
                </ul>
            </div>
        </div>
    </div>
</section>
<div style="height:100px;"></div>

{/block}